<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/numtwo.css"/>
	</head>
	<body>
		<header>
			<div class="logo">logo</div>
			<div class="nav">
				<ul>
					<li><a href="#aa">关于我们</a></li>
					<li><a href="#bb">PORTFOLIO</a></li>
					<li><a href="#cc">联系我们</a></li>
				</ul>
			</div>
		</header>
		<div class="web">
			<div class="web1">
				<div class="web-top" id="aa">
		   	        <div class="web-top-text">
		   	        	<p class="p1">Front-End Developer and UX/UI designer, with practical experience in project management, branding strategy, and creative direction; devoted to functional programming and information architecture.</p>
		   	        	<div class="line"></div>
		   	        	<p class="p2">Web Developer - User Experience Designer - Graphic Artist</p>
		   	        	
		   	        </div>
		   	        <div class="web-top-right">
		   	        		<img src="img/pic.png" />
		   	        	</div>
		   </div>
		   
		    <div class="main" id="bb">
		    	   <div class="main-title">
		    	   	<p>PORTFOLIO</p>
		    	   </div>
		    	   <div class="line1"></div>
		    	   <div class="img1">
		    	   	<img src="img/2.PNG"/>
		    	   </div>
		    	   <div class="img2">
		    	   	<img src="img/3.PNG"/>
		    	   </div>
		    	   <div class="img1">
		    	   	<img src="img/4.PNG"/>
		    	   </div>
		    	   <div class="img2">
		    	   	<img src="img/5.PNG"/>
		    	   </div>
		    	   <div class="img1">
		    	   	<img src="img/6.PNG"/>
		    	   </div>
		    	   <div class="img2">
		    	   	<img src="img/7.PNG"/>
		    	   </div>
		    </div>
		    <div class="main1" id ="cc">
		    	<div class="main-title">
		    	   	<p>CONTACT ME</p>
		    	   </div>
		    	   <div class="line1"></div>		    	   
		    	   <div class="text1">
		    	   	<input type="text" value="name"/>
		    	   </div>
		    	   <div class="text2">
		    	   	<input type="text" value="Email Address"/>
		    	   </div>
		    	   <div class="text2">
		    	   	<input type="text" value="Phone Number"/>
		    	   </div>
		    	   <div class="text3">
		    	   <p>Message</p>
		    	    <textarea name="" cols="6" rows="6"></textarea>
		    	   </div>
		    	   
		    	   <button class="b1"><a href="#">提交</a></button>
		    	 
		    	   	<ul class="u1">
		    	   		<li class="li1">
		    	   			Want to get in touch with me? Be it to request more info about myself or my experience, to ask for my resume, tips on how to solve your sudoku, random questions about the universe and the meaning of life, or even if only for some nice Fika here in stunning Toronto... just feel free to drop me a line anytime.
		    	   		</li>
		    	   		<li class="li2">I promise to reply A.S.A.P.</li>
		    	   		<li class="li3">Note: No spam/soliciting pour moi, merci :)</li>
		    	   	</ul>
		    	  
		    </div>
			</div>
		   
		</div>
		
	<section>
	<div class="foot">
		<h1>ABOUT THIS PAGE</h1>
        <p class="s1"> Made with<span><img src="img/f1.PNG"/></span>  and <span><img src="img/m1.PNG"/></span><br/>
          by <a href="#">Justin Sane</a> .
         </p>
	</div>
	<div class="foot1">
		<h1>AROUND THE WEB</h1>
		<div class="b2"><a href="#"><img src="img/in.PNG"/></a></div>
		<div class="b2"><a href="#"><img src="img/git.PNG"/></a></div>
		<div class="b2"><a href="#"><img src="img/b1.PNG"/></a></div>
		<div class="b2"><a href="#"><img src="img/e1.PNG"/></a></div>

	</div>
		  
	</section>	
	<footer>
		<p class="p3">qlip © 2018. All Rights Reversed</p>
	</footer>
	</body>
</html>
